<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script type="text/javascript" src="../../rsframe/commons/script/common.js"></script>
    <meta charset="UTF-8">
    <title>县联社管理端首页</title>
    <style>
        .top{
            width: 92%;
            margin: 20px auto;
        }
        .down {
            background-color: #ffffff;
            width: 92%;
            text-align: center;
            border: 1px solid #d7d7d7;
            line-height: 28px;
            padding-left: 45px;
            content: "";
            display: table;
            margin: 0 auto;
        }
        .shopping dt{
            font-size: 16px;
            height: 28px;
            font-family: "微软雅黑";
            padding-top: 20px;
        }
        .shopping dl {
            width: 13%;
            float: left;
        }
        .content{
            width: 95.4%;
            margin: 20px auto;
            border: 1px solid #d7d7d7;
            display: table;
        }
        .chart{
            width: 40%;
            height: 200px;
            background-color: wheat;
            float: left;
        }
        .table{
            width: 60%;
            height: 200px;
            background-color: #0C1021;
            float: right;
        }
    </style>
</head>
<body>
<div class="top">
    <span style="font-weight: bold">行唐联社积分消费情况统计</span>
    <label style="float: right;">
        <input id="beginTime" name="beginTime" class="easyui-my97" style="width: 140px;"
               data-options="prompt:'请选择统计日期',dateFmt:'yyyy-MM-dd'"/>
    </label>
</div>
<!-- 统计数据概括展示 -->
<div class="down shopping">
    <!-- 可消费积分数量 -->
    <dl><dt><span style="color: #0066ff;font-size: 30px;">98282688</span></dt>
        <dd><span style="padding-top: 20px;color: #333333;">可消费积分数量</span></dd></dl>
    <!-- 联盟商户总量 -->
    <dl><dt><span style="color: #ff6600;font-size: 30px;">8290.78</span></dt>
    <dd><span style="color: #333333;">联盟商户总量</span></dd></dl>
    <!-- 商户待结算金额 -->
    <dl><dt><span style="color: #00b259;font-size: 30px;">12230</span>元</dt>
    <dd><span style="color: #333333;">商户待结算金额</span></dd></dl>
    <!-- 商品库存数量 -->
    <dl><dt><span style="color: #91ebff;font-size: 30px;">123</span>个</dt>
    <dd><span style="color: #333333;">商品库存数量</span></dd></dl>
    <!-- 积分消费率 -->
    <dl><dt><span style="color: #cc6633;font-size: 30px;">28.98%</span></dt>
    <dd><span style="color: #333333;">积分消费率</span></dd></dl>
    <!-- 昨日新增粉丝 -->
    <dl><dt><span style="color: #cc6633;font-size: 30px;">668</span></dt>
    <dd><span style="color: #333333;">昨日新增粉丝</span></dd></dl>
    <!-- 本月全县积分拉动存款量 -->
    <dl style="width: 18%;"><dt><span style="color: #cc6633;font-size: 30px;">1920</span>万</dt>
    <dd><span style="color: #333333;">本月全县积分拉动存款量</span></dd></dl>
</div>
<!-- 图表和表格数据展示 -->
<div class="content">
    <div class="chart">
        <div class="top">
            <span style="font-weight: bold">全行积分兑换消费统计</span>
            <label style="float: right;">
                <input id="beginTime2" name="beginTime" class="easyui-my97" style="width: 140px;"
                       data-options="prompt:'请选择统计日期',dateFmt:'yyyy-MM-dd'"/>
            </label>
        </div>
    </div>
    <div class="table"></div>
</div>
</body>
</html>